import React from 'react'

import {Link, IndexLink} from 'react-router'

const App = (props) => (
   <div>
     <h1>THE FIRST REACT PAGE</h1>
     <ul>
       <li><IndexLink to="/" activeClassName="active">Home</IndexLink></li>
       <li><Link to="/todos" activeStyle={{color: 'green'}}>todos</Link></li>
     </ul>
     {props.children}
   </div>
  )

export default App